<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>数据</title>
</head>
<body>
    <span id="sp" value="自定义value">我是span</span><br>
    <input id="name" value="楠楠"/><br>
    <select id="city">
        <!--
            有value属性及值取value属性值，没value属性及值取标签体内容
        -->
        <option value="1">a</option>
    </select>
</body>
<script>
    /*
        页面标签元素：
            1、带有value属性
            获取value属性值:
                通过value属性获取
            2、不带有value属性
            获取元素标签体内容:
                innerText:纯文本，不会解析HTML标签元素
                innerHTML:解析HTML标签元素
            注意：
                有值赋值，没值取值

     */
    /*let sp = document.getElementById("sp");
    sp.innerText = "span1";//有值赋值
    var spvalue = sp.innerHTML;//没值取值
    alert(spvalue);
    let name = document.getElementById("name");
    name.value = "俊杰";//有值赋值
    let namas = name.value;//没值取值
    alert(namas)*/

    let city = document.getElementById("city");
    alert(city.value)
</script>
</html>